<template>
	<div class="radioVariable">
		<el-dialog title="关联变量" :visible.sync="showRadioReception" :destroy-on-close="true" custom-class="radioVariable" :before-close="cancel" append-to-body>
			<Table :tableData="tableData"> </Table>
			<PageSize :pages="checkData" @changePageSize="changeTransferPageSize" @changeCurrentPage="changeTransferCurrentPage" />
			<span slot="footer" class="dialog-footer">
				<el-button @click="cancel">取 消</el-button>
				<el-button type="primary" @click="onOk">确 定</el-button>
			</span>
		</el-dialog>
	</div>
</template>
<script>
import Table from '../../../components/Table.vue';
import PageSize from '../../../components/PageSize.vue';
export default {
	props: {},
	components: {
		Table,
		PageSize
	},
	data() {
		return {
			tableData: {
				sort: false,
				checkedGroup: false,
				//表头
				tableHead: [
					{
						label: '变量名',
						prop: 'variableName'
					},
					{
						label: '变量描述',
						prop: 'variableDescription'
					},
					{
						label: '初始化方式',
						prop: 'initializationMode'
					},
					{
						label: '变量类型',
						prop: 'variableType'
					},
					{
						label: '已关联节点',
						prop: 'associatedNode'
					},
					{
						label: '失败原因',
						prop: 'failureReason'
					}
				],
				//表格数据
				total: 0,
				tableConent: [],
				showIndex: false,
				showCheck: false,
				showChioce: true //单选框
			},
			showRadioReception: true,
			checkData: {
				page: 1,
				pageSize: 10,
				total: 0
			}
		};
	},
	created() {},
	mounted() {},
	methods: {
		//确认
		onOk() {},
		//取消
		cancel() {
			this.showRadioReception = false;
		},
		// 改变每页条数
		changeTransferPageSize() {},
		// 改变当前页数
		changeTransferCurrentPage() {}
	}
};
</script>
<style lang="less">
.radioVariable .el-dialog__header {
	border-bottom: 1px solid #ccc;
}
.radioVariable {
	.el-dialog__body {
		.page-size {
			padding-top: 32px;
		}
		.table .el-table th {
			background: #f8f8f9;
		}
		.table .el-table {
			.el-table__body-wrapper {
				.el-table__body {
					.cell {
						.el-radio {
							.el-radio__label {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}
</style>
